$(function () {
   
    $('.herd-one').mouseenter(function () {
        $('.img2').show();
        $('.herd-one').css('height', '10.5vw')
    })
    $('.herd-one').mouseleave(function () {
        $('.img2').hide();
        $('.herd-one').css('height', '2.5vw')
    })
   
    $('.herd-bottom').click(function () {
        $('.tb1').show();
    })
    $('.btn4').click(function () {
        $('.tb1').hide();
    })
   
    var date = $('.ul3 li').height();
    setInterval(function () {
        $('.ul3 li').eq(0).animate({ marginTop: -date, opacity: 0 }, 'slow', function () {
            $('.ul3 li').eq(0).css('margin-top', '').appendTo('.ul3 ul').animate({ opacity: 1 });
        });
    }, 3000);

    window.onload = function () {
       
        $('.tu-er').hide()
        $('.li1').find('.tu-er').show()
        $('.li1').children('img').css({
            width: 80
        })
        $('.li1').children('p').hide()
    }

    
   
    $('.cai11').children('li').children('img').mouseenter(function () {

   
        $(this).siblings('.tu-er').show()

        
        $(this).parent('li').siblings('li').children('.tu-er').hide()

        $(this).siblings('p').hide()

        $(this).parent('li').siblings('li').children('p').show()

        $(this).stop().animate({
            width: '100px',
        })
     
        $(this).parent('li').siblings('li').children('img').stop().animate({
            width: '80px'
        })
    })



    $('.ding1').mouseenter(function () {
        $('.dianhua').show();
    })
    $('.ding1').mouseleave(function () {
        $('.dianhua').hide();
    })
    $('.er1').mouseenter(function () {
        $('.erweima').show();
    })
    $('.er1').mouseleave(function () {
        $('.erweima').hide();
    })
})